{% extends 'users/base.html' %}

{% block head %}
<title>登录页面</title>
{% endblock head %}


{% block content %}
<div class="box">
    <!--            has-text-centered：字体居中-->
    <!--            has-text-weight-bold：字体加粗-->
    <!--            is-size-2：设置字体的大小-->
    <h1 class=" is-uppercase has-text-centered has-text-weight-bold">博客练习
        <br><span class="tag">登录</span>
    </h1>
    <!--            添加一个分隔符-->
    <hr class="dropdown-divider">
    <form action="" method="post">
        {% csrf_token %}
        {{ form.as_p }}
        {{ form.errors }}
        <a clasa = "is-pulled-right is-size-7" href="{% url 'users:forget_pwd' %}" >忘记密码</a>
        <div class="is-clearfix"></div>
        <input type="submit" style="margin-top: 1em;" class="button is-link is-fullwidth" value="登 录">
    </form>
</div>
{% endblock content %}


<!--<!DOCTYPE html>-->
<!--&lt;!&ndash;先引入&ndash;&gt;-->
<!--{% load static %}-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>登录页面</title>-->
<!--&lt;!&ndash;    引入CSS样式&ndash;&gt;-->
<!--    <link rel="stylesheet" href="{% static 'users/bulma.css' %}">-->
<!--</head>-->
<!--<body>-->
<!--&lt;!&ndash;    居中&ndash;&gt;-->
<!--    <div class="container">-->
<!--        <div class="box">-->
<!--&lt;!&ndash;            has-text-centered：字体居中&ndash;&gt;-->
<!--&lt;!&ndash;            has-text-weight-bold：字体加粗&ndash;&gt;-->
<!--&lt;!&ndash;            is-size-2：设置字体的大小&ndash;&gt;-->
<!--            <h1 class=" is-uppercase has-text-centered has-text-weight-bold">博客练习-->
<!--                <br><span class="tag">登录</span>-->
<!--            </h1>-->
<!--&lt;!&ndash;            添加一个分隔符&ndash;&gt;-->
<!--            <hr class="dropdown-divider">-->
<!--            <form action="" method="post">-->
<!--                {% csrf_token %}-->
<!--                {{ form.as_p }}-->
<!--                <input type="submit" style="margin-top: 1em;" class="button is-link is-fullwidth" value="提交">-->
<!--            </form>-->
<!--        </div>-->

<!--    </div>-->
<!--</body>-->
<!--</html>-->